<!DOCTYPE html>
<html>
<head>
<title>HOME</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<meta name="keywords" content="Bootstrap Responsive Templates, Iphone Compatible Templates, Smartphone Compatible Templates, Ipad Compatible Templates, Flat Responsive Templates"/>
<!--bootstarp-css-->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--/bootstarp-css -->
<!--css-->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--/css-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="MODELING Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='https://fonts.googleapis.com/css?family=Roboto:500,400,400italic,100,700italic,300,700,500italic,100italic,300italic,900' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lobster+Two:400,700' rel='stylesheet' type='text/css'>
<!--/fonts-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  	<script type="text/javascript" src="js/jquery.fancybox.js"></script>
	<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" media="screen" />
   <script type="text/javascript">
		$(document).ready(function() {
			/*
			 *  Simple image gallery. Uses default settings
			 */

			$('.fancybox').fancybox();

		});
	</script>

</head>
<body>
<!--header-->
<div class="header">
	<div class="container">
		<div class="header-top">
			<div class="header-in">
				<img src="images/trangle.png" alt=""/>
			</div>
						<div class="clearfix"> </div>
					<div class="logo">
						<a href="index.html"><img src="images/top-logo.png" class="img-responsive" alt=""/></a>
					</div>
							<div class="header-info">
									<div class="menu">
										<span class="menu"> </span>
											<ul class="navigatoin">
											 	<li><a href="index1.html">Home</a></li>
													<li><a href="album.html">Album</a></li>
							 							<li><a href="photos.html" class="active">photos</a></li>
								 		 					<li><a href="contact.html">Contact</a></li>
											</ul>
									</div>	
								<div class="clearfix"> </div>
							</div>

		</div>
	</div>
	<div class="clearfix"> </div>
</div>
<!--/header-->
<div class="photos">
	<h3>Photos</h3>
	<div class="container">
		<div class="photo-info">	
	<div class="section group">
				<div class="grid_1_of_4 images_1_of_4">
					 <a class="fancybox" href="images/a16-1.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="images1/a16.jpg" class="img-style row6" alt="" /><span> </span></a>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					  <a class="fancybox" href="images/a15-1.jpg" data-fancybox-group="gallery" title="Etiam quis mi eu elit temp"><img src="images1/a15.jpg" class="img-style row6" alt="" /><span> </span></a>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					  <a class="fancybox" href="images/a14-1.jpg" data-fancybox-group="gallery" title="Cras neque mi, semper leon"><img src="images1/a14.jpg" class="img-style row6" alt="" /><span> </span></a>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					  <a class="fancybox" href="images/a13-1.jpg" data-fancybox-group="gallery" title="Sed vel sapien vel sem uno"><img src="images1/a13.jpg" class="img-style row6" alt="" /><span> </span></a>
				</div>
			</div> 	
	<div class="section group">
				<div class="grid_1_of_4 images_1_of_4">
					 <a class="fancybox" href="images/a16-1.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="images1/a8.jpg" class="img-style row6" alt="" /><span> </span></a>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					  <a class="fancybox" href="images/a15-1.jpg" data-fancybox-group="gallery" title="Etiam quis mi eu elit temp"><img src="images1/a7.jpg" class="img-style row6" alt="" /><span> </span></a>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					  <a class="fancybox" href="images/a14-1.jpg" data-fancybox-group="gallery" title="Cras neque mi, semper leon"><img src="images1/a6.jpg" class="img-style row6" alt="" /><span> </span></a>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					  <a class="fancybox" href="images/a13-1.jpg" data-fancybox-group="gallery" title="Sed vel sapien vel sem uno"><img src="images1/a5.jpg" class="img-style row6" alt="" /><span> </span></a>
				</div>
			</div> 	
	<div class="section group">
				<div class="grid_1_of_4 images_1_of_4">
					 <a class="fancybox" href="images/a16-1.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="images1/a12.jpg" class="img-style row6" alt="" /><span> </span></a>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					  <a class="fancybox" href="images/a15-1.jpg" data-fancybox-group="gallery" title="Etiam quis mi eu elit temp"><img src="images1/a11.jpg" class="img-style row6" alt="" ><span> </span></a>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					  <a class="fancybox" href="images/a14-1.jpg" data-fancybox-group="gallery" title="Cras neque mi, semper leon"><img src="images1/a10.jpg" class="img-style row6" alt="" ><span> </span></a>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					  <a class="fancybox" href="images/a13-1.jpg" data-fancybox-group="gallery" title="Sed vel sapien vel sem uno"><img src="images1/a9.jpg" class="img-style row6" alt="" /><span> </span></a>
				</div>
			</div> 	
	<div class="section group">
				<div class="grid_1_of_4 images_1_of_4">
					 <a class="fancybox" href="images/a16-1.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="images1/a8.jpg" class="img-style row6" alt="" /><span> </span></a>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					  <a class="fancybox" href="images/a15-1.jpg" data-fancybox-group="gallery" title="Etiam quis mi eu elit temp"><img src="images1/a7.jpg" class="img-style row6" alt="" /><span> </span></a>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					  <a class="fancybox" href="images/a14-1.jpg" data-fancybox-group="gallery" title="Cras neque mi, semper leon"><img src="images1/a17.jpg" class="img-style row6" alt="" /><span> </span></a>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					  <a class="fancybox" href="images/a13-1.jpg" data-fancybox-group="gallery" title="Sed vel sapien vel sem uno"><img src="images1/a5.jpg" class="img-style row6" alt="" /><span> </span></a>
				</div>
			</div> 	
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!--footer-->
	<div class="footer">
		<div class="container">
				<div class="sc-icons">
					<span class="icon-1"> </span>
					<span class="icon-2"> </span>
					<span class="icon-3"> </span>
				</div>
			<div class="copy-rights">
				
			</div>
		</div>
	</div>
<!--/footer-->

</body>
</html>